<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script>			
			window.onresize=function(){				
				window.location.reload()				
			}			
			var widths=document.documentElement.clientWidth;			
			document.documentElement.style.fontSize=widths/25+"px"
		</script>
		<link rel="stylesheet" href="css/new_file.css" />
		<link rel="stylesheet" type="text/css" href="font/iconfont.css"/>
		<script src="js/jquery-3.1.1.js"></script>
	</head>
	<body>
		<!---->
		<header>
			<div class="hea-le"><img src="img/logo.png" alt="" /></div>
			<div class="hea-zho">装修方案</div>
			<div class="hea-ri">
				<ul>
					<li><p class="p1"></p><span class="iconfont icon-nav"></span><p>导航</p></li>
					<li><p class="p1"></p><span class="iconfont icon-user"></span><p>我的</p></li>
				</ul>
			</div>
		</header>
		<!---->
		<div class="box1">
			<div><img src="img/2017-09-13_203148.jpg" alt="" /></div>
			<div>
				<ul>
					<li>699全包精装套餐</li>
					<li><p>价格： <span class="sp1">￥ 699元/m²</span></p></li>
					<li><p>已预约： <span class="sp2">221套</span></p></li>
					<li><p>正式发售： <span class="sp3">全包套餐火爆预约中</span></p></li>
				</ul>
			</div>
			<div>
				<p>
					精装全包套餐，包设计/包主材/包施工/包监理。采用知名辅材，一线主材，工厂直供F2C模式。
				</p>
			</div>
		</div>
		<!---->
		<div class="box2">
			<ul>
				<li style="border-bottom:0.3rem solid #82DABA"><p>套餐详情</p></li>
				<li><p>配置清单</p></li>
				<li><p>施工工艺</p></li>
				<li><p>服务流程</p></li>
			</ul>
		</div>
		<!---->
		<div class="box3">
			<img src="img/2017-09-13_202139.jpg"/>
		</div>
		<!---->
		<div class="box9 boxx">
			<div>
				<p>
					房先森互联网家装有别于传统公司与其他装修中介平台，以自营模式整合设计师与项目经理，杜绝项目转外包，利用
				互联网将工地进行在线全景直播，通过去中间环节，提供装修套餐+个性化定制服务。
				</p>
			</div>
		</div>
		<!---->
		<footer>
			<div><p class="iconfont icon-hot-line" style="font-size: 1.4rem;"></p><span> &nbsp;服务热线：400-9977-658</span></div>
			<ul>
				<li style="color:#39C893;">触屏版</li>
				<li>电脑版</li>
				<li>关于我们</li>
				<li>联系我们</li>
			</ul>
		</footer>
		<!---->
		<div class="mb">
			<span class="iconfont icon-design"></span><p>预约免费设计</p>
		</div>
	</body>
	<script>
		$(".box2>ul>li").click(function(){
//			alert('asdsad')
		 	var i=$(this).index() 	
		 	$(".box2>ul>li").eq(i).css({"border-bottom":"0.3rem solid #82DABA"}).siblings().css({"border-bottom":"none"})
		 })
		
		var mb=document.getElementsByClassName("mb")[0]
		mb.onclick=function(){
			mb.style.display="none"
		}
	</script>
</html>
